<style>
    #theme {
        position: fixed;
        top: 0;
        background: rgba(255, 255, 255, 1);
        height: 100vh;
    }
    #theme h3 {
        text-align: center;
    }
    .close {
        width: 25px;
    }
</style>
<div id="theme" class="flex-c flex-col">
    <h3>请选择发布节目主题</h3>
    <ul class="classfiy_ul">
        <li class="li" v-for="(m, index) in themeList" @click="selectTheme(m.id, m.name)">
            <div class="img-wrap">
                <img class="img" :src="imgurl + m.image" onerror="this.onerror=null;this.src='./image/error-img.png'" />
            </div>
            <aside>{{ m.name }}</aside>
        </li>
    </ul>
    <img class="close" onclick="closeModalFrm()" src="./image/icon/close3.png" alt="">
</div>
<script>
    var themeView = new Vue({
        el: '#theme',
        data: {
            imgurl: imgurl,
            themeList: view.themeList
        },
        methods: {
            // 选择主题
            selectTheme: function(id, name){
                _url({ type: 1, cid: id, name:name, url: 'frame1/fa_bu_yue_hui', title: '发布约会' });
            }
        }
    })
</script>